import { BasePage } from '@common/components/base-page'
import NavigationBar from '@components/navBar'
import Jump from '@utils/jump'
import AppRoute from '@utils/route/index'
import arrow from '../../../assets/img/blue-arrow.png'
import { View, Image, Text, Input, Textarea, Radio, Button, ScrollView } from '@tarojs/components'
import './index.scss'

export default class addMedia extends BasePage {
    componentDidShow() {
    }
    render() {
        return (
            <ScrollView style={{ height: '100vh' }} enhanced={true} scrollY={true}>
                <NavigationBar backPageShow={true} titleColor="black" barBackgroundColor='white' title="邀请有礼"></NavigationBar>
                <View className='container'>
                    <View className='invite-box'>
                        <View className='my-invite'>
                            <View className='has-val'>已获得创作值</View>
                            <Text className='create-val'>5000</Text>
                            <View className='invite-border center' onClick={()=>{Jump.jump({url:AppRoute.MODULES.MANAGEINVITE})}}>
                                <Text className='manage'>管理我的邀请</Text>
                                <Image className='right-arrow' src={arrow}></Image>
                            </View>
                        </View>
                        <View className='bg-icon'></View>
                    </View>
                    <View className='second-box'>
                        <View className='share'>
                            <View className='share-title'>邀请好友一起创作</View>
                            <View className='share-second-title'>好友用您的邀请码成功注册并完成1个任务您可获得对应创作值</View>
                            <View className='share-code'>邀请好友一起创作</View>
                            <View className='share-inputs'>
                                <Input disabled value='sftofMfI'></Input>
                            </View>
                            <View className='share-btn'>
                                <Button className='s-button center'>分享</Button>
                            </View>
                        </View>
                    </View>
                </View>
            </ScrollView>
        )
    }
}
